<template>
	<nav>
		<grid :rows="3">
	      <grid-item v-for="(item,index) in nav" :label="item.label" :link="item.link">
	       		<img slot="icon" :src="item.src">
	      </grid-item>
	    </grid>
	</nav>
</template>

<script>
	import { Grid, GridItem } from 'vux'
	import navIcon_1 from '../../assets/navIcon_1.gif'
	import navIcon_2 from '../../assets/navIcon_2.gif'
	import navIcon_3 from '../../assets/navIcon_3.gif'
	import navIcon_4 from '../../assets/navIcon_4.gif'
	import navIcon_5 from '../../assets/navIcon_5.gif'
	import navIcon_6 from '../../assets/navIcon_6.gif'
	
	export default {
		components : {
			Grid, GridItem
		},
		data (){
			return {
		    	nav : [
		    		{
		    			label : '首页',
		    			src : navIcon_1,
		    			link : '/'
		    		},
		    		{
		    			label : '关于我们',
		    			src : navIcon_2,
		    			link : '/about'
		    		},
		    		{
		    			label : '服务项目',
		    			src : navIcon_3,
		    			link : '/service'
		    		},
		    		{
		    			label : '成功案例',
		    			src : navIcon_4,
		    			link : '/caseList'
		    		},
		    		{
		    			label : '新闻动态',
		    			src : navIcon_5,
		    			link : '/newsList'
		    		},
		    		{
		    			label : '诚聘英才',
		    			src : navIcon_6,
		    			link : '/recruit'
		    		},
		    	],
			}
		}
	}
</script>

<style>
	.weui-grids{
		margin: 0.1rem 0;
	}
	.weui-grids img{
		width: 0.28rem !important; height: 0.28rem !important;
	}
	.weui-grid__label{
		font-size: 0.14rem !important; margin: 0.05rem !important;
	}
	.weui-grid{
		padding: 0.15rem 0.1rem !important;
	}
	.weui-grid__icon{
		width: 0.28rem !important; height: 0.28rem !important;
	}
</style>